<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
    <title>客人入住</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="content-script-type" content="text/javascript">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/dfcshop/css/demo.css?v1">
</head>

<body>
<div style="width:100%;height:100%;margin: 0px 0px;padding: 0px 0px;">

    <form class="form-horizontal" role="form">
        <div class="content-right">
            <fieldset>
                <legend>订房需求&nbsp;&nbsp;<span id="rnoInfo" class="outInfo"></span><span id="typeInfo" class="textInfo"></span></legend>
                <div class="form-group">
                    <div class="row">
                        <label class="col-sm-1 control-label" for="adate">抵店</label>
                        <div class="col-sm-3 form-inline">
                            <div class="input-group">
                                <input type="text" name="adate" id="adate" class="form-control">
                                <span class="input-group-addon" id="adate_id_week">周一</span>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label" for="leftDay">预住</label>
                        <div class="col-sm-2 form-inline">
                            <div class="input-group spinner" data-trigger="spinner" id="leftDayBind">
								<span class="input-group-addon">
								<a href="javascript:;" class="spin-down" data-spin="down"><span class="glyphicon glyphicon-minus"></span></a>
								</span>
                                <input class="form-control text-center" name="leftDay" id="leftDay" type="text" placeholder="" data-min="1" data-max="365" data-step="1" data-rule="quantity"/>
                                <span class="input-group-addon">
								<a href="javascript:;" class="spin-up" data-spin="up"><span class="glyphicon glyphicon-plus"></span></a>
								</span>
                            </div>
                        </div>
                        <label class="col-sm-1 control-label" for="adate">预离</label>
                        <div class="col-sm-4 form-inline">
                            <div class="input-group form_datetime" id="ddateBind">
                                <input class="form-control" name="ddate" id="ddate" type="text" placeholder=""/>
                                <span class="input-group-addon" id="ddate_id_week">周一</span>
                                <span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="row">
                        <label class="col-sm-2 control-label" for="tflag">入住类型</label>
                        <div class="col-sm-4">
                            <select name="tflag" id="tflag" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label" for="warrType">担保方式</label>
                        <div class="col-sm-4">
                            <select name="warrType" id="warrType" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstType">宾客类型</label>
                        <div class="col-sm-4">
                            <select name="gstType" id="gstType" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label" for="ptrv">会员卡号</label>
                        <div class="col-sm-4">
                            <input type="text" name="ptrv" id="ptrv" autocomplete="off" class="form-control">
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-2 control-label" for="saleNo">销 售 员</label>
                        <div class="col-sm-4">
                            <select name="saleNo" id="saleNo" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label" for="gstFrom">宾客来源</label>
                        <div class="col-sm-4">
                            <select name="gstFrom" id="gstFrom" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="price">入住房价</label>
                        <div class="col-sm-4">
                            <input type="text" name="price" id="price" autocomplete="off" class="form-control">
                        </div>
                        <label class="col-sm-2 control-label" for="payDeposit">预付类型</label>
                        <div class="col-sm-4">
                            <select name="payDeposit" id="payDeposit" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="row">
                        <label class="col-sm-4 control-label" for="discType">优&nbsp;惠 &nbsp;码</label>
                        <div class="col-sm-8">
                            <input type="text" name="discType" id="discType" autocomplete="off" class="form-control">
                        </div>
                    </div>
                    <div class="row">
                        <button type="button" id="regCard" class="btn btn-primary btn-sm">会员注册</button>
                        <button type="button" id="readCard" class="btn btn-primary btn-sm">读会员卡</button>
                        <button type="button" id="readIDCard" class="btn btn-primary btn-sm">读身份证</button>
                    </div>
                    <div class="row">
                        <label class="col-sm-4 control-label" for="groupno">显示标签</label>
                        <div class="col-sm-8">
                            <input type="text" name="groupno" id="groupno" autocomplete="off" class="form-control">
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-4 control-label" for="pamnt">预付金额</label>
                        <div class="col-sm-8">
                            <input type="text" name="pamnt" id="pamnt" autocomplete="off" class="form-control">
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset>
                <legend>客人信息</legend>
                <div class="col-sm-9">
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstCtfType">证件类型</label>
                        <div class="col-sm-4">
                            <select name="gstIdinfo.gstCtfType" id="gstCtfType" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label" for="gstName"><font color="red">*</font>姓名</label>
                        <div class="col-sm-4 form-inline">
                            <div class='input-group' id='gstNameBind'>
                                <input class="form-control" name="gstInfo.gstName" id="gstName" type="text" placeholder="姓名"/>
                                <span class="input-group-addon">
								<span class="glyphicon glyphicon-search"></span>
								</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstCtfNo"><font color="red">*</font>证件号码</label>
                        <div class="col-sm-10">
                            <input class="form-control" name="gstIdinfo.gstCtfNo" id="gstCtfNo" type="text" placeholder="证件号码"/>
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstName"><font color="red">*</font>出生日期</label>
                        <div class="col-sm-4 form-inline">
                            <div class='input-group form_datetime' id='gstBdateBind'>
                                <input class="form-control" name="gstInfo.gstBdate" id="gstBdate" type="text" placeholder="出生日期"/>
                                <span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
								</span>
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="gstName"><font color="red">*</font>手机</label>
                        <div class="col-sm-4 ">
                            <input class="form-control" name="gstInfo.gstMobile" id="gstMobile" type="text" placeholder="手机"/>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstName">性别</label>
                        <div class="col-sm-4">
                            <select name="gstIdinfo.gstSex" id="gstSex" class="form-control">
                                <option value="1">男</option>
                                <option value="2">女</option>
                                <option value="">未知</option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label" for="gstName">称谓</label>
                        <div class="col-sm-4">
                            <input class="form-control" name="gstInfo.gstSpell" id="gstSpell" type="text" placeholder="称谓"/>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstName">行政区域</label>
                        <div class="col-sm-3">
                            <select name="gstIdinfo.gstProv" id="gstProv" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="col-sm-3">
                            <select name="gstIdinfo.gstCity" id="gstCity" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <select name="gstIdinfo.gstCounty" id="gstCounty" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstName">住址</label>
                        <div class="col-sm-10">
                            <input class="form-control" name="gstInfo.gstAddress" id="gstAddress" type="text" placeholder=""/>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstName">车牌号</label>
                        <div class="col-sm-4">
                            <input class="form-control" name="carPlates" id="carPlates" type="text" placeholder=""/>
                        </div>
                        <label class="col-sm-2 control-label" for="gstName">来此事由</label>
                        <div class="col-sm-4">
                            <input class="form-control" name="inCause" id="inCause" type="text" placeholder=""/>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="fromCity">何处来</label>
                        <div class="col-sm-4 form-inline">
                            <div class='input-group' id='fromCityBind'>
                                <input name="fromCity" id="fromCity" type="hidden" placeholder=""/>
                                <input class="form-control" name="fromCityDesc" id="fromCityDesc" type="text" placeholder=""/>
                                <span class="input-group-addon">
								<span class="glyphicon glyphicon-search"></span>
								</span>
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="toCity">何处去</label>
                        <div class="col-sm-4 form-inline">
                            <div class='input-group' id='toCityBind'>
                                <input name="toCity" id="toCity" type="hidden"/>
                                <input class="form-control" name="toCityDesc" id="toCityDesc" type="text" placeholder=""/>
                                <span class="input-group-addon">
								<span class="glyphicon glyphicon-search"></span>
								</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstName">备注</label>
                        <div class="col-sm-10">
                            <textarea id="note" name="note" maxlength="200" class="form-control " rows="3"></textarea>
                        </div>
                    </div>

                </div>
                <div class="col-sm-3 text-center">
                    <div class="row">
                        <img src='${ctxStatic}/plugin/i3/images/ctfhead.png' border='0'  width='104px' id="showImageSpan" />
                    </div>
                    <div class="row">
                        <button type="button" id="readIDCardBtn" class="btn btn-primary">读取二代证</button>
                    </div>
                    <div class="row">&nbsp;
                    </div>
                    <div class="row">
                        <label class="col-sm-3 control-label" for="gstName">国籍</label>
                        <div class="col-sm-9">
                            <select name="gstIdinfo.gstNtCode" id="gstNtCode" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-3 control-label" for="gstName">民族</label>
                        <div class="col-sm-9">
                            <select name="gstIdinfo.gstNation" id="gstNation" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>

                </div>
            </fieldset>
            <fieldset id="foreignId" style="display: none;">
                <legend>签证信息</legend>
                <div class="col-sm-8">
                    <div class="row">
                        <label class="col-sm-2 control-label" for="enGstName1">英文姓</label>
                        <div class="col-sm-4">
                            <input class="form-control" name="gstInfo.enGstName1" id="enGstName1" type="text" placeholder=""/>
                        </div>
                        <label class="col-sm-2 control-label" for="enGstName2">英文名</label>
                        <div class="col-sm-4">
                            <input class="form-control" name="gstInfo.enGstName2" id="enGstName2" type="text" placeholder=""/>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstVisaType">签证种类</label>
                        <div class="col-sm-4">
                            <select name="gstIdinfo.gstVisaType" id="gstVisaType" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label" for="gstVisaNo">签证号码</label>
                        <div class="col-sm-4">
                            <input class="form-control" name="gstIdinfo.gstVisaNo" id="gstVisaNo" type="text" placeholder=""/>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-2 control-label" for="gstVisaInDate">入境日期</label>
                        <div class="col-sm-4  form-inline">
                            <div class='input-group form_datetime' id='gstVisaInDateBind'>
                                <input class="form-control" name="gstIdinfo.gstVisaInDate" id="gstVisaInDate" type="text" placeholder=""/>
                                <span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
									</span>
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="gstVisaExpire">有效期至</label>
                        <div class="col-sm-4 form-inline">
                            <p class="input-group">
                            <div class='input-group form_datetime' id='gstVisaExpireBind'>
                                <input class="form-control" name="gstIdinfo.gstVisaExpire" id="gstVisaExpire" type="text" placeholder=""/>
                                <span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
									</span>
                            </div>
                            </p>

                        </div>

                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="row">
                        <label class="col-sm-4 control-label" for="gstVisaAdd">签证机关</label>
                        <div class="col-sm-8">
                            <select name="gstIdinfo.gstVisaAdd" id="gstVisaAdd" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <label class="col-sm-4 control-label" for="gstVisaInPort">入境口岸</label>
                        <div class="col-sm-8">
                            <select name="gstIdinfo.gstVisaInPort" id="gstVisaInPort" class="form-control">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
        <div style="height:800px;line-height: 800px;width: 100%;" class="clearfix">
            &nbsp;
        </div>
        <div class="bottomButton">
            <button type="button" id="saveButton" class="btn btn-success btn-lg">保存入住</button>
        </div>
    </form>
</div>

<script type="text/javascript" src="${ctxStatic}/common/js/myUtil.js"></script>
<script type="text/javascript" src="${ctxStatic}/dfcshop/js/admin/demo.js?v1.0"></script>

<script type="text/javascript">

</script>

</body>

</html>